.upload-bot {
  li {
    margin-bottom: 20px;
    display: inline-block;
  }
}
.upload-list__item {
  display: inline-block;
  position: relative;
  vertical-align: middle;
  img {
    width: 100%;
    height: 100%;
  }
  &:hover {
    .upload-list__item-actions {
      opacity: 1;
    }
  }
  .upload-list__item-actions {
    position: absolute;
    left: 0;
    top: 0;
    cursor: default;
    text-align: center;
    color: #fff;
    opacity: 0;
    font-size: 20px;
    background-color: rgba(0, 0, 0, 0.5);
    -webkit-transition: opacity 0.3s;
    transition: opacity 0.3s;
    z-index: 10;
    display: flex;
    justify-content: space-around;
    align-items: center;
    [class*="el-icon-"]{
      cursor: pointer;
    }
  }
  .upload-list__item-name {
    position: absolute;
    left: 0;
    bottom: -26px;
    height: 28px;
    z-index: 9;
    color: #333;
    padding: 0;
    line-height: 28px;
    width: 100px;
    text-align: center;
  }
}

.upload-icon {
  width: 100px;
  height: 100px;
  line-height: 100px;
  background: #f0f2f5;
  border-radius: 6px;
  overflow: hidden;
  border: 1px solid #ddd;
  .el-icon-plus {
    font-size: 24px;
    vertical-align: sub;
  }
}
.imageBor {
  border: 1px solid #F0F2F5;
  border-radius: 6px;
}
.upload-logo {
  background: #f0f2f5;
  .el-icon-plus {
    font-size: 24px;
    vertical-align: middle;
  }
}
.el-image {
  ::v-deep {
    .el-image__inner {
      width: 100px;
      height: 100px !important;
    }
  }
}
// .el-upload-dragger {
  ::v-deep {
    .el-upload-dragger {
      border: none
    }
  }
// }
